<template lang="html">
  <div class="box">
    <header-title :HeaderTitle='title'></header-title>
    <div class="container">
      <p class="tips">
          <label>当前可提现的金额:</label>
          <span>{{shuju.num}}</span>
          <span class="allCash">全部提现</span>
      </p>
      <div class="price">
          <p>提现金额</p>
          <p class="inp"><span>¥</span><input type="number"></p>
      </div>
      <ul>
          <li>
              <label>提现方式</label>
              <select>
                  <option value="提现到银行卡">提现到银行卡</option>
              </select>
          </li>
          <li class="name">
              <label>姓名</label>
              <input type="text">
          </li>
          <li class="bank">
              <label>选择银行</label>
              <select>
                  <option value="">点击选择银行</option>
                  <option value="招商银行">招商银行</option>
                  <option value="中信银行">中信银行</option>
                  <option value="光大银行">光大银行</option>
                  <option value="中国银行">中国银行</option>
                  <option value="交通银行">交通银行</option>
                  <option value="兴业银行">兴业银行</option>
                  <option value="浦发银行">浦发银行</option>
                  <option value="广发银行">广发银行</option>
                  <option value="郑州银行">郑州银行</option>
                  <option value="中国建设银行">中国建设银行</option>
                  <option value="中国农业银行">中国农业银行</option>
                  <option value="中国工商银行">中国工商银行</option>
                  <option value="中国民生银行">中国民生银行</option>
                  <option value="中国邮政储蓄银行">中国邮政储蓄银行</option>
              </select>
          </li>
          <li class="bankNumber">
              <label>银行卡号</label>
              <input type="number" placeholder="" maxlength="19">
          </li>
          <li class="rbankNumber">
              <label>确认卡号</label>
              <input type="number" placeholder="" maxlength="19">
          </li>
      </ul>
      <p class="word">提现手续费为2%</p>
  </div>
  </div>
</template>
<script>
import title from "../header/header.vue";
export default {
  name: 'geren',
  data () {
    return {
      title:{
        url:'/gerenwallet',
        title:"余额提现"
      },
      shuju:{
        num:"456.00"
      }
    }
  },
  components:{
    'header-title':title
  }
}
</script>

<style scoped lang="less">
@import '../../../assets/less/index.less';
.box {

}
</style>